<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
		<meta content="telephone=no" name="format-detection" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<title>人马君：重塑身材，重塑生活。</title>
		<link rel="stylesheet" type="text/css" href="static/styles/poster.css">

		<body>
			<div>
				<div class="section sec1 current">
					<div class="content-warp">

					<header class="bar bar-nav fs-header clearfix">
			            <a href="http://www.fit-start.co/msite/index.html"><img src="static/images/poster/logo.png" alt="" class="fs-logo"></a>
			            <a class="icon icon-menu header-menu" data-panel='#panel-right-menu'></a>
			        </header>
					<!-- <header>
						<div class="header">
							<img class="logo" src="static/images/poster/logo.png" style="padding-bottom:20%; background:#eee;" >
						</div>
					</header> -->
					<section>
						<div class="brand">
							<img  class="brand-img" loadpic="static/images/poster/brand.png" style="padding-bottom:66%; background:#eee;"/>
							<div class="vertical">
								<p class="title text-yellow text-center">中国顶尖的</p>
								<p class="title  text-yellow text-center">健身服务品牌</p>
								<p class="small-titlel text-center">TOP FITNESS SERVICE BRAND OF CHINA</p>
							</div>
						</div>
					</section>
					<section>
						<div class="vision">
							<img loadpic="static/images/poster/people.png" class="brand-img" style="padding-bottom:64%; background:#eee;">
							<div class="vertical">
								<h2 class="title text-center text-gray">人马君愿景</h2>
								<p class="small-title text-center">THE vision OF FITSTART</p>
								<p class="text-center text-middle vision_line">为人类美好的肉体和灵魂不懈奋斗</p>
								<p class="text-center vision_descrp">“人马君”源于“人鱼线VS马甲线”<br/> 象征着美好体型和健康生活方式
								</p>

							</div>
						</div>
					</section>
					</div>
				</div>
				<!--end sec1-->

				<div class="section sec2 next">
					<div class="content-warp">
					<section>
						<div class="products pad products-gradient">
							<h2 class="title text-center text-gray">我们有黄金产品</h2>
							<p class="small-title text-center">Professional products</p>
							<p>经过万人测试，我们用理论及实践总结出了人马君黄金课程，通过三维推进力，促使学员能够在六周课程结束后，成功减脂不反弹，并且养成良好生活方式，彻底改变精神面貌</p>
							<img loadpic="static/images/poster/product.png" alt="" class="course" style="padding-bottom:96%; background:#eee;">

							<div class="pro_nav"><img src="static/images/poster/nav.png" alt=""/></div>

							<dl class="pro_descr clearfix">
								<dt class="tubiao tuicon1">1.</dt>
								<dd class="pro_text">
									<h4 class="text-middle text-gray">我们推崇无氧训练！</h4> -提升您的基础代谢水平，从而养成易瘦体质， 达到减脂不反弹的效果
									<br/> -更好刻画您的身体线条，帮您塑造完美曲线
									<br/> -可以局部塑形，帮您个性化订制身体改造方案
								</dd>
							</dl>
							<dl class="pro_descr clearfix">
								<dt class="tubiao tuicon2">2.</dt>
								<dd class="pro_text">尖端的解剖学、运动力学、生理学的理论基础 全国健美健身专业运动员的训练体系
								</dd>
							</dl>
							<dl class="pro_descr clearfix">
								<dt class="tubiao tuicon3">3.</dt>
								<dd class="pro_text">通过一对一/一对多的陪伴、监督、关怀、心理疏导等，帮助您坚持下来，收获成功</dd>
							</dl>
						</div>
					</section>
					</div>
				</div>
				<!--end sec2-->
				<div class="section sec3">
					<div class="content-warp">
					<section>
						<div class="pad">
							<h2 class="title text-center text-gray">我们推崇无氧训练！</h2>
							<p class="small-title text-center">Anaerobic training</p>
							<ul class="no_train">
								<li><i class="xunlie">1</i>提升您的基础代谢水平，从而养成易瘦体质，达到减脂不反弹的效果</li>
								<li><i class="xunlie">2</i>更好刻画您的身体线条，帮您塑造完美曲线</li>
								<li><i class="xunlie">3</i>可以局部塑形，帮您个性化订制身体改造方案</li>
							</ul>
							<img loadpic="static/images/poster/train1.png" alt=""  style="padding-bottom:62%; background:#eee;"/>
							<p class="text-middle text-gray renmajun">人马君的无氧训练特色</p>
							<p class="no_train">- 理论基础<br/> - 全国健美健身专业运动员的训练体系
								<br/> - 与饮食、有氧训练的完美搭配，保证您事半功倍
							</p>
						</div>
					</section>
					</div>

				</div>
				<!--end sec3-->
				<div class="section sec4">
					<div class="content-warp">
					<section>
						<div class="pad">
							<h2 class="title text-center text-gray">我们有科学的<br/>饮食指导及严格的监督</h2>
							<p class="small-title text-center">Scientific diet & Strict supervision</p>
							<p class="no_train">在饮食上，你真的有太多误区，食物的能量比你想象的还要大。人马君会帮助你<span class="text-middle text-gray">重塑饮食结构，利用饮食和训练的完美搭配，</span>彻底改变自己</p>
							<div class="img_group">
								<img loadpic="static/images/poster/train_foot.png" style="padding-bottom:99%; background:#eee;"/>
							</div>

						</div>
					</section>
					</div>

				</div>
				<!--end sec4-->
				<div class="section sec5">
					<div class="content-warp">
					<section>
						<div class="pad">
							<h2 class="title text-center text-gray">我们有年轻超燃的氛围</h2>
							<p class="small-title text-center">HOT AND PASSIONATE</p>
							<p class="no_train">期待、彷徨、 绝望、 怀疑、开心、不开心。在一个个克服自己、挑战自己的训练中，逐渐拨开层层迷雾，接受正能量的洗礼，找到新的自己</p>
							<div class="join_imgs">
								<img loadpic="static/images/poster/train2.png" style="padding-bottom:53%; background:#eee;" />
								<img loadpic="static/images/poster/train3.png"  style="padding-bottom:67%; background:#eee;"/>
							</div>
							<p class="no_train text-center">人马君训练营，我们的目标只有一个<span class="text-middle text-gray">更美！</span></p>
						</div>
					</section>
					</div>
				</div>
				<!--end sec5-->
				<div class="section sec6">
					<div class="content-warp">
					<section>
						<div class="pad">
							<h2 class="title text-center text-gray">我们有专业动感的训练基地</h2>
							<p class="small-title text-center">professional & dynamic</p>
							<p class="text-center">专业器材 & 超酷环境</p>
							<div class="join_imgs">
								<img loadpic="static/images/poster/train4.png" style="padding-bottom:67%; background:#eee;" />
								<img loadpic="static/images/poster/train5.png" style="padding-bottom:61%; background:#eee;"/>
							</div>
						</div>
					</section>
					<section>
						<div class="pad">
							<img loadpic="static/images/poster/join1.png" class="term"  style="padding-bottom:50%; background:#eee;"/>
							<p class="text-middle text-gray text-center huoban">你会得到一群志同道合的伙伴</p>
							<div class="join_img">
								<img loadpic="static/images/poster/join2.png" style="padding-bottom:34%; background:#eee;" /><img loadpic="static/images/poster/join3.png" style="padding-bottom:34%; background:#eee;" />
							</div>
							<p class="text-middle text-gray huoban">你会发现一个强大的事实，那就是，<span class="text-yellow">我真的做到了！</span></p>
							<img loadpic="static/images/poster/join4.png" style="padding-bottom:70%; background:#eee;" />
							<p class="join_rmj text-center">快来加入人马君吧!<br/></p>
							<p class="join_rmj_e text-center"><span class="xian"></span>JOIN US!<span class="xian"></span></p>
						</div>
					</section>
					</div>
				</div>
				<!--end sec6-->
				<div class="section sec7">
					<div class="content-warp">

					<section>
						<div class="pad">
							<p class="xian_course text-gray">线下+线上 课程 <small>| Idea & effect</small></p>
							<p class="text-normal">人马君线下训练营不同于传统健身机构提供的训练营，本营包括线下课程和线上全程指导。线下保证每节课中每名学员均可得到教练的专业指导；线上采用全程在线指导和监督，由专业运动教练、营养教练告诉学员健康饮食以及科学锻炼方法，并实时跟踪学员进度，及时调整个性化方案。</p>
							<div class="course_box">
								<div class="xian_s_z">
									<h3 class="shang_title"><span class="shang_heng"></span><span>线下减脂<i class="font_yellow">团训营</i></span></h3>
									<div class="clear box">

										<div class="clear">
											<dl class="white_xs heng_left">
												<dt><i class="icons pop"></i>针对人群</dt>
												<dd>· 欲塑造身材线条</dd>
												<dd>· 高效减分的人群</dd>
											</dl>
											<dl class="white_xs heng_right">
												<dt><i class="icons addr"></i>地域限制</dt>
												<dd>仅限上海</dd>

											</dl>

										</div>
										<div class="clear">
											<dl class="white_xs heng_left">
												<dt><i class="icons cur"></i>课程特色</dt>
												<dd>· 学员互助氛围浓</dd>
												<dd>· 专业饮食健身指导</dd>
												<dd>· 全程陪伴</dd>
											</dl>
											<dl class="white_xs heng_right">
												<dt><i class="icons re"></i>预计效果</dt>
												<dd>· 有效减脂</dd>
												<dd>· 增加体能</dd>

											</dl>
										</div>

									</div>
									<a href="http://weixin.fit-start.co/products?type=online" class="click_view text-gray">点击查看<i class="click_button"></i></a>
								</div>
								<div class="xian_x xian_s">
									<h3 class="shang_title"><span class="shang_heng"></span><span>线下<i class="font_yellow">1V1专业营</i></span></h3>
									<div class="clear box">
										<div class="clear">
											<dl class="white_xs heng_left">
												<dt><i class="icons pop"></i>针对人群</dt>
												<dd>· 追求定制</dd>
												<dd>· 局部塑造强效减肥人群</dd>
											</dl>
											<dl class="white_xs heng_right">
												<dt><i class="icons addr"></i>地域限制</dt>
												<dd>仅限上海</dd>

											</dl>
										</div>
										<div class="clear">
											<dl class="white_xs heng_left">
												<dt><i class="icons cur"></i>课程特色</dt>
												<dd>· 一对一力量训练</dd>
												<dd>· 饮食监控</dd>
												<dd>· 时间灵活高效</dd>
											</dl>
											<dl class="white_xs heng_right">
												<dt><i class="icons re"></i>预计效果</dt>
												<dd>· 有针对性塑形</dd>
												<dd>· 增加体能</dd>
												<dd>· 塑造人鱼线、马甲线</dd>
											</dl>
										</div>

									</div>
									<a href="http://weixin.fit-start.co/products/3/view?source=propaganda" class="click_view">点击查看<i class="click_button"></i></a>
								</div>
							</div>
						</div>
					</section>
					</div>
				</div>
				<!--end sec7-->
				<div class="section sec8">
					<div class="content-warp">
					<section>
						<div class="pad">
							<div class="pad_heng"></div>
							<p class="xian_course text-gray">线上 课程<small>| Idea & effect</small></p>
							<p class="text-normal">人马君线上甩脂营脱离任何传统减脂/塑形模式，由专业健身教练站在普通人的角度，用专业严谨的方法，分享指导学员进行科学快速的塑身。每日考核远程指导。提供个性化健身计划、专业装备建议、全新健康社交圈子，以及最关键的，高效健康的减脂方法。</p>
							<div class="jianbian">
								<div class="xian_s_z text-ba">
									<h3 class="shang_title"><span class="shang_heng heng_black"></span><span class="lama">线上减脂营</span></h3>
									<div class="clear box">
										<div class="clear">
											<dl class="black_xx heng_left">
												<dt><i class="icons pop_b"></i>针对人群</dt>
												<dd>· 减脂</dd>
												<dd>· 尊崇健康生活方式</dd>
											</dl>
											<dl class="black_xx heng_right">
												<dt><i class="icons addr_b"></i>地域限制</dt>
												<dd>仅限上海</dd>

											</dl>
										</div>
										<div class="clear">
											<dl class="black_xx heng_left">
												<dt><i class="icons cur_b"></i>课程特色</dt>
												<dd>· 合理运动指导</dd>
												<dd>· 饮食方案</dd>

											</dl>
											<dl class="black_xx heng_right">
												<dt><i class="icons re_b"></i>预计效果</dt>
												<dd>· 有效减脂</dd>
												<dd>· 健康生活</dd>

											</dl>
										</div>

									</div>
									<a href="http://weixin.fit-start.co/products/1/view?source=propaganda" class="click_view text-gray">点击查看<i class="click_button"></i></a>

								</div>
								<div class="xian_x_z">
									<h3 class="shang_title"><span class="shang_heng heng_black"></span><span class="lama_gradient">线上辣妈营</span></h3>
									<div class="clear box">
										<div class="clear">
											<dl class="black_xx heng_left">
												<dt><i class="icons pop_b"></i>针对人群</dt>
												<dd>· 产后需要恢复身材</dd>
												<dd>· 无足够闲暇时间的女性</dd>
											</dl>
											<dl class="black_xx heng_right">
												<dt><i class="icons addr_b"></i>地域限制</dt>
												<dd>仅限上海</dd>

											</dl>
										</div>
										<div class="clear">
											<dl class="black_xx heng_left">
												<dt><i class="icons cur_b"></i>课程特色</dt>
												<dd>· 针对性指导营养食谱</dd>
												<dd>· 恢复形态</dd>

											</dl>
											<dl class="black_xx heng_right">
												<dt><i class="icons re_b"></i>预计效果</dt>
												<dd>· 塑造辣妈身材</dd>
												<dd>· 精气神明显提高</dd>

											</dl>
										</div>

									</div>
									<a href="http://weixin.fit-start.co/products/2/view?source=propaganda" class="click_view">点击查看<i class="click_button"></i></a>

								</div>
							</div>
						</div>
					</section>
					</div>
				</div>
				<!--end sec8-->
				<div class="section sec9" style="height: 2.5rem;">
					<div class="content-warp">
					<!-- <footer>
						<div class="pad_footer">
							<img loadpic="static/images/poster/footer.png" class="brand-img" style="padding-bottom:117%; background:#eee;" />
							<div class="foot_end text-center">
								<p class="title text-white text-center">课程咨询请拨打</p>
								<p class="tel text-yellow text-center">021-6443-7202</p>
								<p class="loag_icon">>>>>>>>>>>>>>>>>></p>
								<img src="static/images/poster/weixin.jpg" alt="" class="weixin_f" />
								<p class="text-white fsmall">欲获得更多健身资讯，请关注人鱼线VS马甲线</p>
								<p class="text-yellow fsmall">微博：人鱼线vs马甲线 | 微信：人鱼线vs马甲线</p>
							</div>
						</div>
					</footer> -->
					</div>
				</div>
				<!--end sec9-->
			</div>
			<section>
				<div class="fixed clear">
					<a href="javascript:;" class="fixed_tel">
						客户热线<br/> 021-6443-7202
					</a>
					<a href="http://weixin.fit-start.co/" class="fixed_kh">预约报名</a>
				</div>
			</section>

			<!-- right nav -->
			<div class="panel panel-right panel-cover fs-panel" id='panel-right-menu'>
		      <!-- list block -->
		      <div class="list-block fs-list-group">
		        <p class="panel-title">个人中心</p>
		        <ul>
		        <li class="item-content item-link">
		          <a href="http://weixin.fit-start.co">
		            <div class="item-inner">
		              <div class="item-title">人马商城</div>
		            </div>
		          </a>
		        </li>
		        <li class="item-content item-link"> 
		          <a href="http://www.fit-start.co/msite/news.html">
		            <div class="item-inner">
		                <div class="item-title">活动新闻</div>
		            </div>
		          </a>
		        </li>
		        <li class="item-content item-link"> 
		          <a href="http://www.fit-start.co/msite/articles.html">
		            <div class="item-inner">
		                <div class="item-title">知识贴</div>
		            </div>
		          </a>
		        </li>
		        <li class="item-content item-link"> 
		          <a href="http://www.fit-start.co/msite/courses.html">
		            <div class="item-inner">
		                <div class="item-title">经典课程</div>
		            </div>
		          </a>
		        </li>
		        <li class="item-content item-link"> 
		          <a href="http://www.fit-start.co/msite/corporations.html">
		            <div class="item-inner">
		                <div class="item-title">企业课程</div>
		            </div>
		          </a>
		        </li>
		        <li class="item-content item-link"> 
		          <a href="http://www.fit-start.co/msite/about-us.html">
		            <div class="item-inner">
		                <div class="item-title">关于我们</div>
		            </div>
		          </a>
		        </li>
		        <!-- <li class="item-content item-link"> 
			      <a href="http://weixin.fit-start.co/credit-mall">
			      	<div class="item-inner">
			          <div class="item-title">积分商城</div>
			        </div>
			      </a>
		        </li> -->
		      </ul>
		      </div>
		    </div>
			<script>
			  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

			  ga('create', 'UA-101357453-2', 'auto');
			  ga('send', 'pageview');

			</script>
			<script>
	      var _hmt = _hmt || [];
	      (function() {
	        var hm = document.createElement("script");
	        hm.src = "https://hm.baidu.com/hm.js?e697359d824bb9babbddea82b1c51ed2";
	        var s = document.getElementsByTagName("script")[0]; 
	        s.parentNode.insertBefore(hm, s);
	      })();
	    </script>
			<script src="static/scripts/vendor/zepto.js"></script>
			<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js "></script>
			<script>

			// 原始版懒加载
			var imgs=document.getElementsByTagName('img');
			function lazyload(){
				var scrollTop=window.pageXOffset  || document.documentElement.scrollTop || document.body.scrollTop;
				var viewportsize=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
				for(var i=0; i<imgs.length;i++){
					var x=scrollTop+viewportsize;
					var imgheight=imgs[i].offsetTop
					if(x>=imgheight){
						imgs[i].src=imgs[i].getAttribute('loadpic') ? imgs[i].getAttribute('loadpic') : imgs[i].src;
						imgs[i].style.paddingBottom="0";
						imgs[i].style.background="none"
					}
				}


			}
			setInterval("lazyload()",1000);


			$(function(){

				var endurl=window.location.href.split("#")[0];

				// ajax get 
				$.getJSON("http://www.fit-start.co/api/v1/jsconfig?curl="+ endurl, function(response){
  					if(response.code == 0) {
						_wxshowshare(response.data.jsConfig)	//  注入jsConfig
					}else {
						console.log(response.messgae)			// 获取参数失败
					}
				});


				// 执行微信接口
				function _wxshowshare(data){

					// wx config 
					wx.config({			
					    debug: false, 
					    appId: data.appid, 
					    timestamp: data.timestamp , 
					    nonceStr: data.nonceStr, 
					    signature: data.signature,
					    jsApiList: [					// 分享api列表
					    	'onMenuShareTimeline',
					    	'onMenuShareAppMessage',
					    	'onMenuShareQQ',
					    	'onMenuShareWeibo',
					    	'onMenuShareQZone'
					    ] 
					});

					// wx ready
					wx.ready(function(){

						//分享朋友圈，分享好友，分享qq，分享空间，分享微博
						wx.onMenuShareTimeline(_wxshare())
						wx.onMenuShareAppMessage(_wxshare())
						wx.onMenuShareQQ(_wxshare())
						wx.onMenuShareWeibo(_wxshare())
						wx.onMenuShareQZone(_wxshare())
					});

					wx.error(function(res){		// log 注入失败参数
						console.log(res);
					});

				}

				// 封装 分享接口所需参数
				function _wxshare(){		
							
					return {
					    title: '人马君：重塑身材，重塑生活。',
					    desc: '人马君 源于 “人鱼线vs马甲线”'
					}

				}

			});

			$(function(){
				$(".header-menu").on('click',function(e){
					 e.stopPropagation();
					$("#panel-right-menu").addClass('active');
				});
				 $(document).click(function() {
			        if ($("#panel-right-menu").hasClass('active')) {
			             $("#panel-right-menu").removeClass('active');
			        }
			    });
			})
				

				
			</script>
			
		</body>

</html>
